<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Hello World Window Example</title>
    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
    <link rel="stylesheet" type="text/css" href="extjs/examples/ux/statusbar/css/statusbar.css"/>
    <link rel="stylesheet" type="text/css" href="cookieForm.css"/>

    <script type="text/javascript">var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-1396058-8']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
    })();</script>
    <!-- LIBS -->
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>

    <!-- ENDLIBS -->

    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="extjs/examples/ux/statusbar/StatusBar.js"></script>
    <script type="text/javascript" src="paracol.js"></script>
    <script type="text/javascript" src="basicMessageFilters.js"></script>
    <script type="text/javascript" src="extjsMessageFilters.js"></script>
    <script type="text/javascript" src="cookieForm.js"></script>
    <script type="text/javascript">
        Ext.apply(scaladuct.cookieForm.app, {

            componentBuilder: function(value, def) {
                var comp = def(value);
                return comp;
            }
        });

        Ext.onReady(scaladuct.cookieForm.app.init, scaladuct.cookieForm.app);

    </script>

    <!-- Common Styles for the examples -->
    <link rel="stylesheet" type="text/css" href="extjs/examples/shared/examples.css"/>

    <style type="text/css">
        .x-panel-body p {
            margin: 10px;
            font-size: 12px;
        }
    </style>

</head>
<body>
<script type="text/javascript" src="extjs/examples/shared/examples.js"></script>
<!-- EXAMPLES -->

<h1>Hello World Window</h1>

<p>This example shows how to create a very simple Window with "autoTabs" from existing markup.</p>
<input type="button" id="show-btn" value="Hello World"/><br/><br/>

<div>
    <input type="text" id="pages-combo" size="20"/> 
</div>

<p>Note that the js is not minified so it is readable. See <a href="cookieForm.js">hello.js</a> for the full source
    code.</p>

<form action="" method="post">
    <label for="xyz">XYZ</label>
    <input id="xyz" type="text" style="width:100px;height:100px;background-color:#ff8c00;"
           oncontextmenu="alert('AAA')"/>
</form>

<div id="hello-win" class="x-hidden">

    <div class="x-window-header">Hello Dialog</div>
    <div id="hello-tabs">
        <!-- Auto create tab 1 -->
        <div class="x-tab" title="Hello World 1">
            <p>Hello...</p>
        </div>
        <!-- Auto create tab 2 -->
        <div class="x-tab" title="Hello World 2">

            <p>... World!</p>
        </div>
    </div>
</div>
</body>
</html>
